<template>
	<div class="content">
    <div class="head">
      <img class="imgUrl" src="../../assets/logo.png" alt="" />
      <div class="headContent">
        <div class="name">张三</div>
        <div class="role">客户经理</div>
      </div>
    </div>
    <div class="tip">工作台</div>
    <div class="img1">
      <div class="imgList" @click="gotoApproval">
        <img class="icon" src="../../../static/icon2.png" alt="" />
        <div class="text">待办事项</div>
      </div>
      <div class="imgList" @click="gotoList">
        <img class="icon" src="../../../static/icon1.png" alt="" />
        <div class="text">审核记录</div>
      </div>
    </div>
	</div>
</template>

<script>
import { baseApi } from '@/config'
export default {
  name: "workbench",
  data() {
    return {
    };
  },
  mounted() {
  },
  methods: {
    gotoApproval(){
      this.$router.push({
      	path: 'approval'
      })
    },
    gotoList(){
      this.$router.push({
      	path: 'approvalList'
      })
    }
  },
};
</script>

<style scoped lang="scss">
  .content{
    width: 100vw;
    height: 100vh;
    background-color: #fff;
    overflow: hidden;
    .head{
      width: 100%;
      height: 56px;
      display: flex;
      align-items: center;
      margin-top: 30px;
      .imgUrl{
        width: 56px;
        height: 56px;
        margin-left: 33px;
        border-radius: 50%;
      }
      .headContent{
        margin-left: 17px;
        height: 56px;
        .name{
          font-weight: 500;
          font-size: 21px;
          color: #333333;
          margin-top: 4px;
        }
        .role{
          font-weight: 400;
          font-size: 16px;
          color: #333333;
          margin-top: 8px;
        }
      }
    }
    .tip{
      margin-top: 48px;
      margin-left: 34px;
      font-size: 18px;
      color: #333333;
      font-weight: 500;
    }
    .img1{
      width: 328px;
      height: 91px;
      background: url('../../../static/img1.png') no-repeat;
      background-size: 100% 100%;
      margin: 17px auto 0;
      display: flex;
      align-items: center;
      .imgList{
        margin-left: 35px;
        .icon{
          width: 34px;
          height: 34px;
          display: block;
          margin: 0 auto;
        }
        .text{
          font-size: 15px;
          color: #333333;
        }
      }
    }
  }
</style>
